<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Netease-koala-sea-shopping</title>
    <link rel="stylesheet" type="text/css" href="../style/css/pulic.css">
    <link rel="stylesheet" type="text/css" href="../style/css/date7.css">
    <link rel="stylesheet" type="text/css" href="../cityselect20160808/cityselect/cityLayout.css">
    <link rel="stylesheet" type="text/css" href="../font_wqicwo7dhpodpldi/font_rkmr48oedfxyldi/iconfont.css">
</head>
<body>
<div id="allall"></div>
<header id="head">
    <section class="htop">
        <a href="#">
            <img src="../img/img-code/1bqd27jip97_1920_80.jpg">
            <i class="orange"></i>
        </a>
    </section>
    <section class="hnav">
        <section class="wrapper">
            <ul class="hnavl">
                <li>考拉欢迎你!</li>
                <li><a href="login.html">登入</a></li>
                <li><a href="reg.html">免费注册</a><span></span></li>
                <li><a href="#"><span class="iconfont icon-shouji"></span>手机考拉海购
                    <section class="plonecode">
                        <p>下载APP</p>
                        <p>领新人1000元红包</p>
                    </section>
                </a></li>
                <div style="clear: both"></div>
            </ul>
            <ul class="hnavr">
                <li><a href="#">更多<span></span><i></i></a>
                    <div>
                        <p><a>收藏本站</a></p>
                        <p><a>新浪微博</a></p>
                        <p><a>微信公众号</a></p>
                        <p><a>易信公众号</a></p>
                        <p><a>招商合作</a></p>
                        <p><a>考拉招聘</a></p>
                    </div>
                </li>
                <li><a href="#">消费者通知书<span></span></a></li>
                <li><a href="#">充值中心<span></span><i></i></a>
                    <div>
                        <p><a>话费流量</a></p>
                        <p><a>游戏充值</a></p>
                    </div>
                </li>
                <li><a href="#">客户服务<span></span><i></i></a>
                    <div>
                        <p><span class="iconfont icon-qq"></span><a>联系客服</a></p>
                        <p><span class="iconfont icon-you"></span><a>帮助中心</a></p>
                    </div>
                </li>
                <li><a href="#">个人中心<span></span><i></i></a>
                    <div>
                        <p><a>我的优惠券</a></p>
                        <p><a>我的考拉豆</a></p>
                        <p><a>账号管理</a></p>
                        <p><a>我的实名认证</a></p>
                        <p><a>我的收藏商品</a></p>
                        <p><a>我的关注商品</a></p>
                        <p><a>售后管理</a></p>
                    </div>
                </li>
                <li><a href="#">我的订单<span></span></a></li>
                <li><b class="iconfont icon-qizhi flag"></b><a href="#"><span></span>每日签到</a></li>
                <div style="clear: both"></div>
            </ul>
            <div style="clear: both"></div>
        </section>
    </section>
    <section class="hsearch">
        <section class="wrapper">
            <section class="logo"></section>
            <section class="search">
                <section class="searcher">
                    <i class="iconfont icon-sousuo"></i>
                    <input type="text" id="search">
                    <span class="iconfont icon-sousuo1"></span>
                </section>
                <ul>
                    <ul>
                        <li><a href="">大闸蟹1元秒杀</a><span></span></li>
                        <li><a href="">话费充值</a><span></span></li>
                        <li><a href="">花王</a><span></span></li>
                        <li><a href="">德运</a><span></span></li>
                        <li><a href="">铁元</a><span></span></li>
                        <li><a href="">施华洛世奇</a><span></span></li>
                        <li><a href="">洗面奶</a></li>
                    </ul>
                </ul>
            </section>
            <section class="shopping">
                <a href="html/shopping.html">
                    <span class="iconfont icon-gouwuche"></span>购物车
                </a>
            </section>
        </section>
    </section>
</header>

<section id="body">
    <div class="what"></div>
    <section class="btcolor">
        <section class="wrapper">
            <ul class="btnav">
                <li><span>三</span>所有分类
                    <div id="subnav">
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>奶粉</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>纸尿裤/拉拉裤</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>营养辅食</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>宝宝用品</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>童装童鞋</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>孕妈必备</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="../img/img-code/q110.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>护肤</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>面膜</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>彩妆</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>防晒修复</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>香水/香氛</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="../img/img-code/q210.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>洗护日用</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>女性护理</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>其他个护</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>宠物生活</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>居家用品</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>家装家纺</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="../img/img-code/q310.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>洗护日用</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>女性护理</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>其他个护</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>宠物生活</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <br>
                                    <div class="box">
                                        <h3>居家用品</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>家装家纺</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="../img/img-code/q410.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>营养补充</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>肉类禽蛋</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>健康养护</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>女性必备</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>关爱老年</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>男性必备</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="../img/img-code/q510.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>母婴专区</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>美容彩妆</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>电子生活</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>日用家居</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>服饰鞋包</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>美食保健</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="../img/img-code/q610.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>手机/配件</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>数码影音</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>个护健康</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>厨房电器</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>办公/外设</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="../img/img-code/q710.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>运动鞋</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>运动服装</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>户外鞋靴</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>户外服装</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>户外装备</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>更多分类</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="../img/img-code/q810.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div>
                            <div class="trdnav">
                                <div class="trdl">
                                    <div class="box">
                                        <h3>新鲜水果</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>肉类禽蛋</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <br>
                                    <div class="box">
                                        <h3>水产海鲜</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                    <div class="box">
                                        <h3>速冻特产</h3>
                                        <ul>

                                        </ul>
                                    </div>
                                </div>
                                <div class="trdr">
                                    <ul>

                                    </ul>
                                    <a href="#"><img src="../img/img-code/trd10.jpg"></a>
                                </div>
                            </div>
                        </div>
                        <div></div>
                    </div>
                </li>
                <li><a>首页</a></li>
                <li><a>今日限时购</a></li>
                <li><a>每日上新</a></li>
                <li><a>国家馆</a></li>
                <li><a>全球旗舰</a></li>
                <div style="clear: both"></div>
            </ul>
            <a class="bht">网易考拉海购</a><span class="bhsp"></span>
            <div class="fdbuy">
                <div class="buyl">
                    <div class="smallImg"></div>
                    <img src="">
                    <ul>
                        <span><</span>
                        <span>></span>
                    </ul>
                </div>
                <div class="buyr">
                    <div class="bigImg">
                        <img src="">
                    </div>
                    <div class="brtop">
                        <img src="">
                        <span></span><span>|</span><a href="#"></a>
                    </div>
                    <p><span></span><span>|</span><span></span></p>
                    <p></p>
                    <div class="piece">
                        <span>售价</span>
                        <span></span>
                        <span></span>
                        <span>包邮</span>
                        <span></span>
                        <p><span></span><span>黑卡会员再享96折，预计省4元</span><a href="#">立即开通></a></p>
                    </div>
                    <p><span>活动</span><span>新人专享</span><span>新人专享</span></p>
                    <div class="sh"><span>税费</span><span></span><span>税费收取规则<i></i>
                        <div>
                            <a>税费=购买单价 * 件数 * 税负率</a>
                            <p>优惠券抵扣金额、商品运费均需要计税</p>
                            <p>注：不同商品的适用税负率不同,<a>了解税率</a></p>
                        </div>
                    </span>
                        <div style="clear: both"></div>
                    </div>
                    <div class="dq">
                        <span>运费</span>
                        <span>至</span>
                        <span><input name="" id="sel2"  type="text" value="浙江省-杭州市-九堡镇" class="city_input" readonly="readonly"></span>
                        <span>免运费</span>
                        <div style="clear: both"></div>
                    </div>
                    <p><span>服务</span><span>本商品由</span><span>自营保税仓</span><span>发货</span></p>
                    <div class="sl">
                        <span>数量</span>
                        <span><i>-</i><input value="1"><i>+</i></span>
                        <span>单次限购1件</span>
                    </div>
                    <p><span>说明</span><a href="#">黑卡会员96折></a><span>不支持7天无理由退货</span><span>不支持使用优惠券</span></p>

                    <div class="buynow">
                        <div>立即购买</div>
                        <div>收藏</div>
                    </div>

                    <p class="pj"><span>☆☆☆☆☆ 98%</span><span><a href="#">1397人</a>评价</span><span><a href="">66人</a>晒单</span></p>
                    <div class="lunbo">
                        <ul>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                        <i class="iconfont icon-sanjiaoxing"></i>
                        <i class="iconfont icon-sanjiaoxing"></i>
                    </div>
                </div>
            </div>
            
            <div class="bannerrr">
                <img src="../img/img-code/1bqd27jip97_1920_80.jpg">
            </div>
            <div class="related">
                <h3>相关推荐</h3>
                <ul>
                    <li>
                        <p><a href="#"></a></p>
                    </li>
                    <li>
                        <p><a href="#"></a></p>
                    </li>
                    <li>
                        <p><a href="#"></a></p>
                    </li>
                    <li>
                        <p><a href="#"></a></p>
                    </li>
                    <li>
                        <p><a href="#"></a></p>
                    </li>
                    <li>
                        <p><a href="#"></a></p>
                    </li>
                </ul>
            </div>
            <div>
                <div class="leftrelated">
                    <ul>
                        <h3>看了又看</h3>
                        <li>
                            <p><a href="#"></a></p>
                        </li>
                        <li>
                            <p><a href="#"></a></p>
                        </li>
                        <li>
                            <p><a href="#"></a></p>
                        </li>
                        <li>
                            <p><a href="#"></a></p>
                        </li>
                        <li>
                            <p><a href="#"></a></p>
                        </li>
                        <li>
                            <p><a href="#"></a></p>
                        </li>
                        <h3>看了最终买</h3>
                        <li>
                            <p><a href="#"></a></p>
                        </li>
                        <li>
                            <p><a href="#"></a></p>
                        </li>
                        <li>
                            <p><a href="#"></a></p>
                        </li>
                        <li>
                            <p><a href="#"></a></p>
                        </li>
                        <li>
                            <p><a href="#"></a></p>
                        </li>
                        <li>
                            <p><a href="#"></a></p>
                        </li>
                    </ul>
                </div>
                <div class="rightrelated">
                    <div class="toprelated">
                        <span>商品详情</span>
                        <span>用户评价</span>
                        <a><span>手机购买</span></a>
                    </div>
                    <div class="bodyqh">
                    <div class="bottomrelatedl">
                        <p><span></span><span></span></p>
                        <div class="zhen">
                            <i></i>
                            <h3>假一赔十</h3>
                            <p>网易考拉海购每一件商品都通过严苛的品质把关，保障正品，保障品质。特推出 “假一赔十” 的正品保障政策，杜绝一切假货，让您无忧购物</p>
                        </div>
                        <div class="allimg"></div>
                    </div>
                    <div class="bottomrelatedr">
                        <div class="qhtop">
                          <p>☆☆☆☆☆<span>94</span>%好评</p>
                            <span class="qhright">
                        <div>评价送考拉豆</div>
                          <div>  精华评价可获得40考拉豆</div>
                        <div><a>发表评价</a><span>|</span><a>考拉豆说明</a></div>
                             </span>
                        </div>
                        <div class="qhthr">
                            <input type="radio" id="all"><label for="all">全部<i>1397</i></label>
                            <input type="radio" id="showimg"><label for="showimg">晒图<i>66</i></label>
                            <input type="radio" id="zp"><label for="zp">追评<i>14</i></label>
                            <div><input type="checkbox" id="ypj"><label for="ypj">有评价的内容</label><a>查看所以评价</a></div>
                        </div>
                    </div>

                    </div>
                </div>
                <div style="clear: both"></div>
            </div>
        </section>
    </section>
</section>

<footer id="foot">
    <section class="wrapper">
        <ul>
            <li><a href="#">About NetEase</a><span></span></li>
            <li><a href="#">公司简介</a><span></span></li>
            <li><a href="#">联系方法</a><span></span></li>
            <li><a href="#">友情链接</a><span></span></li>
            <li><a href="#">招聘信息</a><span></span></li>
            <li><a href="#">客户服务</a><span></span></li>
            <li><a href="#">隐私政策</a><span></span></li>
            <li><a href="#">网络营销</a><span></span></li>
            <li><a href="#">网站地址</a><span></span></li>
            <li><a href="#">网易考拉海购</a></li>
        </ul>
        <p><span>网络文化经营许可证：浙网文[2016]0155-055号</span><span>增值电信业务经营许可证：浙B2-20160288</span><a href="#">自营经营者信息</a></p>
        <p><a href="#"><img src="../img/img-code/f28aa8ee818a42bf832341f605eccefb.png">浙公网安备 33010802002216号 </a><span>网易公司版权所有©1997-2017</span></p>
        <p><a href="#"><img src="../img/img-code/d720d83b55a04b6f932ea845c673c5bf.png"></a><a href="#"><img src="../img/img-code/d071c0de-5360-4dcb-915a-f9f9bb62a9d5.gif"></a></p>
    </section>
</footer>
<section class="fixed">
    <ul>
        <li><a><i class="iconfont icon-qizhi"></i>签到</a>
        <div>
            <p>每日签到</p>
            <p>赢考拉兜</p>
        </div>
        </li>
        <li><a href="shopping.html"><i class="iconfont icon-gouwuche"></i>购物车</a></li>
        <li><i class="iconfont icon-shouji"></i>APP
        <div>
                <img src="../img/img-code/2dcode-app.jpg">
                <p>下载APP</p>
                <p>领新人1000元红包</p>
        </div>
        </li>
        <li><a href="#"><i class="iconfont icon-sanjiaoxing"></i>TOP</a></li>
    </ul>
</section>

<section id="login">
<section class="login">
    <section class="top">
        <section class="top-tab1">手机号登入
            <span></span></section>
        <section class="top-tab2">邮箱登入</section>
    </section>
    <section class="middle">
        <section class="byplone">
            <section class="iconfont icon-iconfontduihua click-code"><span>用短信验证登入</span></section>
            <section class="telephonelogin">
                <i class="iconfont icon-shouji"></i>
                <input type="text" id="telephone1"  placeholder='请输入手机号'>
            </section>
            <button type="button" id="loginbtn">登入</button>
            <section class="freelogin">
                <input type="checkbox"><span>10天内免登入</span>
                <a href="#">忘记密码？<span class="iconfont icon-2"></span></a>
            </section>
        </section>
        <section class="bymail">
            <section class="mail">
                <i class="iconfont icon-youxiang"></i>
                <input type="text" id="e-mail" placeholder='请输入邮箱'>
            </section>
            <section class="code">
                <i class="iconfont icon-mima"></i>
                <input type="text" id="code" placeholder='请输入密码'>
            </section>
            <button type="button" id="loginbtn1">登入</button>
            <section class="freelogin">
                <input type="checkbox"><span>10天内免登入</span>
                <a href="#">忘记密码？<span class="iconfont icon-2"></span></a>
            </section>
        </section>
    </section>
    <section class="foot">
        <ul>
            <li><a href="#" class="iconfont icon-weixin"></a></li>
            <li><a href="#" class="iconfont icon-weibo"></a></li>
            <li><a href="#" class="iconfont icon-meituan"></a></li>
            <li><a href="#" class="iconfont icon-umidd17"></a></li>
            <a class="forget" href="reg.html">立即注册<span class="iconfont icon-2"></span></a>
        </ul>
    </section>
</section>
</section>

<script type="text/javascript" src="../js/lib/jquery.js"></script>
<script type="text/javascript" src="../cityselect20160808/cityselect/cityselect.js"></script>
<script src="../js/Cookie-project/jquery.cookie.js"></script>
<script src="../js/Cookie-project/toObject.js"></script>
<script type="text/javascript" src="../js/public.js"></script>
<script type="text/javascript" src="../js/date7.js"></script>
</body>
</html>